home *** CD-ROM | disk | FTP | other *** search
/ Windows News 2010 Summer - Disc 1 / WN_Ete2010_CD1.iso / Onglet5 / Weezo / Weezo setup.exe / {code_appDir} / www / themes / nature / theme-src.css < prev    next >
Cascading Style Sheet File  |  2010-05-19  |  17KB  |  282 lines
  1. /**
  2.  * NATURE Theme
  3.  *
  4.  *
  5.  * @category NA
  6.  * @package NA
  7.  * @author Nicolas Bruley / Peer 2 World <contact@weezo.net>
  8.  * @copyright 2005-2009 Nicolas Bruley / Peer 2 World
  9.  * @license http://www.php.net/license/3_0.txt PHP License 3.0
  10.  * @version CVS: $Id:$
  11.  * @link http://www.weezo.net
  12.  * @since File available since Release 1.0.0
  13.  */
  14.  
  15. body{font-family:Tahoma; color:black; font-size:10px; background:#EEFFF2;text-align:left; font-weight:normal}
  16. .vsFont{font-family:Tahoma; font-size:8px;}
  17. .smallFont{font-family:Tahoma; font-size:10px;}
  18. .normalFont{font-family:Tahoma; font-size:12px;}
  19. .bigFont{font-family:Tahoma;font-size:14px; font-weight:bold;}
  20. .warning{font-family:Tahoma; color:red; font-weight:bold;}
  21. .textInput, .fileInput, textarea{background:white url('/themes/common/input.gif') repeat-x; border:1px solid #3BC111}
  22.  
  23. a{color:black; text-decoration:underline}
  24. img{border:none;}
  25. textarea {font-family:Tahoma;font-size:11px}
  26. .ico {width:16px;height:16px;vertical-align:middle;}
  27.  
  28. /* Login */
  29. .loginBodyCoverflow{background:#80db36 !important}
  30. .loginBox, .loginBox .link {border-color:#FFF; color:#000}
  31.  
  32. /* popups body style */
  33. .iframeBody{font-family:Tahoma; color:black; font-size:10px; background:#FFFFFF; margin:0px; padding:3px; text-align:left}
  34.  
  35. /* Frame 1 */
  36. .frame1{font-size:12px; font-weight:normal; border:1px solid #3BC111; border-top:1px solid #95DA81; background:white; padding:7px; margin-bottom:0px; text-align:left; position:relative;}
  37. .frame1Header{color:#333;font-size:13px;font-weight:bold;text-shadow: #cef5c9 0px 1px 0;margin:-7px; margin-bottom:7px; padding:0px; padding-left:10px; padding-right:10px; background:url('<?php echo $path;?>f1h.gif') repeat-x; line-height:28px; height:28px; vertical-align:top}
  38. .frame1Footer{color:white; margin:-7px; margin-top:7px; padding:0px; background:#3BC111; line-height:22px}
  39.  
  40. /* Frame 2 */
  41. .frame2{font-size:12px; color:#555; background:#FFFFFF; padding:5px; border-bottom:1px solid #DEFCDD; margin-bottom:7px; margin-top:3px; position:relative;}
  42. .frame2Header{background:white; font-weight:bold; font-size:12px; color:#3BC111; margin:-5px; margin-bottom:7px; line-height:24px; padding-left:5px; padding-right:5px; border-bottom:1px solid #CCFACA}
  43. .frame2Footer{color:#2BA101;font-size:10px; padding-left:0.5em; padding-right:0.5em; margin:-5px; margin-top:7px; line-height:18px;}
  44.  
  45. /* Frame 3 */
  46. .frame3{font-size:11px; color:#21471B; background:#E0FFE0; padding-left:3px; padding-right:3px; margin-top:3px; margin-bottom:6px; position:relative; border:1px solid #D0FFD0}
  47. .frame3Header{font-weight:bold; font-size:11px; color:white; background:#91D87C; margin-bottom:5px; margin-left:-3px; margin-right:-3px; line-height:24px; height:24px; padding-left:4px; padding-right:4px;}
  48. .frame3Footer{font-size:11px; font-weight:normal; color:#555; margin-left:-3px; margin-right:-3px; margin-top:3px; padding-left:3px; padding-right:3px; border-top:1px dotted #78F060; line-height:22px; height:22px;}
  49.  
  50. /* Button */
  51. .button{text-decoration:none; background:transparent; color:#555;
  52.     font-size:11px;
  53.     padding: 4px !important; padding: 3px;
  54.     margin-top: 1px; margin-bottom: 1px;
  55.     margin-left:3px; margin-right:3px;
  56.     border:1px solid #E0FFE0;
  57.     vertical-align: middle;
  58.     height: 0px;
  59.     line-height:26px !important; line-height:0px;
  60.     }
  61. /*
  62. background-image height = real font-height + padding-top + padding-bottom
  63. line-height = real font-height + padding-top + padding-bottom + border height x2 + margin-top + margin-bottom
  64. */
  65.  
  66. .button img{vertical-align:middle}
  67. .button span{vertical-align:middle}
  68. .button .ieBtPng {cursor:pointer; width:16px; height:16px;}
  69. .button i{font-style:normal}
  70. .button b{font-weight:normal}
  71. .button u{text-decoration:none}
  72. .button:hover{background:#D0EFD0; border:1px solid #3BC111;}
  73. .button:active{background:#E0FFE0; border:1px solid #5BE131;}
  74.  
  75. .frame1Header .button{color:black; border-color:#5BE131; margin-top:3px; margin-bottom:3px}
  76. .frame1Header .button:hover{color:#555}
  77. .frame3Header .button{color:#666699;}
  78. .frame1Footer .button{color:white;}
  79. .frame3Footer .button{color:#555;}
  80.  
  81. /* Disabled button */
  82. .buttonDisabled{text-decoration:none; background:transparent; color:#A0A0A0;
  83.     font-size:11px;
  84.     padding: 4px !important; padding: 3px;
  85.     margin-top: 1px; margin-bottom: 1px;
  86.     margin-left:4px; margin-right:4px;
  87.     border: 0px;
  88.     vertical-align: middle;
  89.     height: 0px;
  90.     line-height:26px !important; line-height:0px;
  91.     filter:Alpha(opacity=40,style=0); opacity:0.40; cursor:default;
  92. }
  93. .buttonDisabled img{vertical-align:middle}
  94. .buttonDisabled span{vertical-align:middle}
  95. .buttonDisabled .ieBtPng {width:16px; height:16px;}
  96. .buttonDisabled i{font-style:normal}
  97. .buttonDisabled b{font-weight:normal}
  98. .buttonDisabled u{text-decoration:none}
  99.  
  100. /* Small button */
  101. .buttonSmall{background:transparent; color:black; font-weight:bold; padding:0px; border:1px solid #EEF2FE; cursor:pointer;}
  102. .buttonSmall:hover{color:#333; background:#D0EFD0; border:1px solid #3BC111;}
  103. .buttonSmall:active{background:#F0FFE0; border:1px solid #1BA101;}
  104. .buttonSmallDisabled{background:transparent; color:#909090; font-weight:bold; padding:0px; border:1px solid #EEF2FE;}
  105. .frame1Header .buttonSmall{height:0px}
  106.  
  107. /* link */
  108. .link {text-decoration:none}
  109. .link:hover{text-decoration:underline}
  110.  
  111. /* multiline table mouse over effect */
  112. .eTC{color:#21471B; font-size:11px; cursor:pointer; padding:2px; border:1px solid; height:20px}
  113. .even{background:#DEFCDD} /* even lines IE */
  114. .odd{background:white} /* odd lines */
  115. .eTC td{border-top:1px solid; border-bottom:1px solid;}
  116. .eTC .eTCLeft{border-left:1px solid}
  117. .eTC .eTCRight{border-right:1px solid}
  118. .eTCLeft{text-align:right}
  119. .eTC, .eTC td{border-color:transparent !important;border-color:#FFF}
  120.  
  121. .eTCHover{color:#21471B; font-size:11px; cursor:pointer; padding:2px;background:#80CF67 url('<?php echo $path;?>menu.gif') repeat-x; border:1px solid #83d16c;height:20px} /* mouse over effect */
  122. .eTCHover td{border-top:1px solid #83d16c; border-bottom:1px solid #83d16c;}
  123. .eTCHover .eTCLeft{border-left:1px solid #83d16c;}
  124. .eTCHover .eTCRight{border-right:1px solid #83d16c;}
  125.  
  126.  
  127. /* ToolTip */
  128. .tooltip{background:white}
  129. .tooltip b{color:#308e12}
  130. .tooltipFooter{background:none;padding-top:3px;border-top:1px solid #308e12;margin-top:3px}
  131.  
  132. /* Help frame */
  133. .helpFrame{border:1px solid #64654B; color:black; width:400px; height:200px;}
  134. .helpFrame h1{font-size:12px;border-bottom:1px solid black; padding-left:22px; padding-bottom:7px; margin:0px}
  135. .helpBg{filter:Alpha(opacity=80,style=0); opacity:0.80;background:#F7F9BB;}
  136.  
  137. /* popups */
  138. .popup{background:#e6fae3;border:1px solid #3bc111}
  139.  
  140. /* progress bar */
  141. .progressOuter{background:url('<?php echo $path;?>progressOuter.gif') repeat-x; border:1px solid #AAA;height:15px !important; height:17px;overflow:hidden}
  142. span.progressOuter{background:url('<?php echo $path;?>progressOuterFailed.gif')}
  143. .progressInner{background:url('<?php echo $path;?>progressInner.gif') repeat-x;height:15px;}
  144. .progressTextO div{font-size:8px;font-weight:bold;line-height:14px !important;line-height:18px; top:-1px}
  145.  
  146. /* Drop target */
  147. .dropTarget{border:1px solid white}
  148. .dropTargetOver{border:1px solid #ffbcd4; background:#fcdee9;}
  149. .dropTargetOver .eTC{border:1px solid #fcdee9}
  150. .eTC .dropTargetOver {margin:-1px}
  151. .eTC .dropTarget {border:0px}
  152. .eTCHover .dropTarget {border:0px}
  153.  
  154. /* Tabs */
  155. .tabSel{position:relative; border:1px solid #89D272 !important; border-right:1px solid #69B252 !important; border-bottom:0px !important; padding-left:0.5em; padding-right:0.5em; padding-top:4px; cursor:text;background:#FFF;color:#222 !important;text-decoration:none;margin-right:0.3em;font-size:11px; top:2px;
  156. top:1px;
  157. padding-bottom:6px !important; padding-bottom:5px;
  158. margin-bottom:-3px !important; margin-bottom:-6px;}
  159. .tab{position:relative; border:1px solid #CAF4C5 !important; padding-left:0.5em; padding-right:0.5em; padding-top:4px; margin-right:-1px;cursor:pointer !important;background:#F3F3FA;color:#444 !important;text-decoration:none;margin-right:0.3em;font-size:11px; top:2px;
  160. top:1px;
  161. padding-bottom:5px !important;padding-bottom:4px;
  162. margin-bottom:-3px !important; margin-bottom:-6px;}
  163. .tab:hover {background:#D0EFD0; border:1px solid #89D272 !important;}
  164.  
  165.  
  166. /* Frame Shadow effect (mainly used on Frame1, see metal theme for example of disabled shadow) */
  167. /* IE */
  168. .fsIEr{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rFF.png', sizingMethod='crop');overflow:hidden}
  169. .fsIEb{height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/bIE.png', sizingMethod='crop')}
  170. .fsIErb{width:4px; height:4px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rb.png', sizingMethod='image');overflow:hidden}
  171. .fsIEtrb{height:4px;overflow:hidden}
  172. /* Opera */
  173. .fsOr{background:url('/gfx/s/r.png') repeat-y;width:4px;overflow:hidden;height:100%}
  174. .fsOb{width:100%; background:transparent url('/gfx/s/b.png') repeat-x;height:4px;overflow:hidden}
  175. /* Gecko */
  176. .fsGr{background: url('/gfx/s/rFF.png');width:4px;overflow:hidden}
  177. .fsGb{background:url('/gfx/s/b.png');text-align:left;height:4px;overflow:hidden}
  178. .fsGtrb{height:4px;overflow:hidden}
  179.  
  180. /* Shadow effect (used around photo frames...) */
  181. /* IE */
  182. .sIEr{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rFF.png', sizingMethod='crop');overflow:hidden}
  183. .sIEb{height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/bIE.png', sizingMethod='crop')}
  184. .sIErb{width:4px; height:4px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rb.png', sizingMethod='image');overflow:hidden}
  185. .sIEtrb{height:4px;overflow:hidden}
  186. /* Opera */
  187. .sOr{background:url('/gfx/s/r.png') repeat-y;width:4px;overflow:hidden;height:100%}
  188. .sOb{width:100%; background:url('/gfx/s/b.png') repeat-x;height:4px;overflow:hidden}
  189. /* Gecko */
  190. .sGr{background: url('/gfx/s/rFF.png');width:4px;overflow:hidden}
  191. .sGb{background:url('/gfx/s/b.png');text-align:left}
  192. .sGtrb{height:4px;overflow:hidden}
  193.  
  194. /* Windows */
  195. .win {padding:0} /* Window */
  196. .winNR {} /* Not resizable window */
  197. .winInactive {} /* Inactive Window */
  198. .winActive {} /* Active Window */
  199. .winTH, .winT {height:30px} /* Window top part height */
  200. .winTL {background:url('<?php echo $path;?>wintl.gif');width:8px;cursor:nw-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window top-left part */
  201. .winT {background:url('<?php echo $path;?>wint.gif');filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window top part */
  202. .winTT {height:5px; cursor:n-resize;} /* Window top resize handle */
  203. .winTR {background:url('<?php echo $path;?>wintr.gif'); cursor:ne-resize;width:8px;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window top-right part */
  204. .winL {background:url('<?php echo $path;?>winl.gif'); width:5px; cursor:w-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window left border */
  205. .winR {background:url('<?php echo $path;?>winr.gif'); width:5px; cursor:e-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window right border */
  206. .winBL {background:url('<?php echo $path;?>winbl.gif'); height:5px; cursor:sw-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window bottom-left border */
  207. .winBR {background:url('<?php echo $path;?>winbr.gif'); height:5px; cursor:se-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window bottom-right border */
  208. .winB {background:url('<?php echo $path;?>winb.gif');cursor:s-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;}  /* Window bottom border */
  209. .winCapt {position:absolute; top:6px; left:34px; font-size:14px; color:#333;cursor: move;text-shadow: #d6f6d1 0px 1px 0}  /* Window caption */
  210.  
  211. .winClose {position:absolute; top:5px; right:6px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif');}  /* close button */
  212. .winCloseD {position:absolute; top:5px; right:6px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif');filter:Alpha(opacity=20, style=0); opacity:0.20;}  /* disabled close button */
  213. .winReload {position:absolute; top:5px; right:110px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -69px;display:block;}  /* reload button */
  214. .winReloading {position:absolute; top:5px; right:110px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winReloading.gif');display:block;}  /* reload button */
  215. .winReloadD {position:absolute; top:5px; right:110px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -69px;filter:Alpha(opacity=20, style=0); opacity:0.20;}  /* disabled reload button */
  216. .winMax {position:absolute; top:5px; right:30px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -23px;}  /* maximize  button */
  217. .winRestore {position:absolute; top:5px; right:30px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -46px;}  /* restore button */
  218. .winToggleD {display:none}  /* Window toggle fullscreen / normal disabled button */
  219. .winMin {position:absolute; top:5px; right:78px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -92px;}  /* maximize  button */
  220. .winTNW {position:absolute; top:5px; right:54px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -115px}  /* To new window */
  221. .winTNWD {display:none}  /* To new window disabled */
  222. .winIcon {position:absolute; top:6px; left:6px; width:20px; height:20px;}  /* Window top-left icon */
  223. .winExtra{position:absolute; top:2px; right:142px;text-decoration:none;white-space:nowrap} /* Extra controls nested into win top bar */
  224. .winARI{top:8px;left:7px}
  225.  
  226. .winMask {position:absolute; top:31;left:5;background-color:blue; filter:Alpha(opacity=01, style=0); opacity:0.01;}  /* Window IFrame mask (do not modify) */
  227. .winNR td {cursor: default;} /* Not-resizable window (do not modify) */
  228. .win td {}
  229.  
  230.  
  231. /* Button */
  232. .bt        {line-height:22px;font-size:11px;color:black;}
  233. .bt b    {}
  234. .bt s    {height:22px;color:black;font-size:12px}
  235. .bt i    {width:4px;left:-4px;}
  236. .bt div    {border:1px solid #E0FFE0}
  237. .bt u    {width:4px;right:-2px;}
  238. .bt img {top:3px !important;top:4px}
  239.  
  240. /* Up button */
  241. .bt .a{}
  242. .bt .up:hover div {background:#D0EFD0; border:1px solid #3BC111;}
  243. .bt .up:active div {background:#E0FFE0; border:1px solid #5BE131;}
  244. .bt .up a:active img{filter:Alpha(opacity=50,style=0); opacity:0.50}
  245.  
  246. /* Disabled button */
  247. .bt .off div{ opacity:0.80}
  248. .bt .off img{filter:Alpha(opacity=50,style=0); opacity:0.50}
  249. .bt .off s {filter:Alpha(opacity=50,style=0)}
  250. .bt .off div, .bt .off i{background-position:0px -52px} .bt .off u{background-position:right -52px}
  251.  
  252. /* Pressed button */
  253. .bt .on div {background:#E0FFE0; border:1px solid #5BE131;}
  254. .bt .on img{filter:Alpha(opacity=80,style=0); opacity:0.80}
  255.  
  256. /* main frame */
  257. .mainFrameBody {background:#EEFFF2 url('<?php echo $path;?>bg.jpg') no-repeat bottom left;border:1px solid transparent;height:100%}
  258. .menu {position:absolute;width:300px;bottom:0;left:3px;width:200px;display:none;z-index:99999;}
  259. .menuInnerDiv{width:300px;background:#FFF;border:1px solid #5BE131;text-align:left}
  260. .menuGroup{font-size:13px;font-weight:bold;color:#308e12;margin-top:5px;margin-bottom:2px;cursor:pointer; border-bottom:1px solid #9dd690}
  261. .menuLarge, .menuLargeHover{font-size:13px;height:24px;width:233px;cursor:pointer;width:50% !important;width:54%;padding-left:6px;padding-top:3px;}
  262. .menuLarge img, .menuLargeHover img {height:20px; width:20px; vertical-align:middle; margin-right:0.5em}
  263. .menuLeft {background:#dcfcdb url('<?php echo $path;?>menuLeft.png') bottom repeat-x;height:100%;padding:3px;padding-bottom:10px; text-align:center;color:white;vertical-align:bottom;font-size:12px;font-weight:bold;font-family:tahoma}
  264. .menuRight{padding-left:10px;padding-bottom:10px}
  265. .menuRight .eTC{border:1px solid white;background:white}
  266.  
  267. /* menu frame */
  268. #timeDiv{font-weight:bold;padding-right:3px;font-size:10px;position:relative;padding-left:10px}
  269. .menuFrameBody{font-family:Tahoma; color:black;font-size:10px;border-top:1px solid #87B8AC;padding:0px; margin:0px; background:url('<?php echo $path;?>menu.png') repeat-x;padding-top:2px;cursor:default}
  270.  
  271. .menuFrameBody .bt .up div, .menuFrameBody .bt .on div {border-top:1px solid #83d16c;border-left:1px solid #83d16c;border-right:1px solid #d9fcd7;border-bottom:1px solid #ccf5c7;}
  272.  
  273. /* Tree View */
  274. .treeView a:hover{color:#000;border:1px solid #83d16c;background:url('<?php echo $path;?>menu.gif') repeat-x;}
  275. .treeView .selected{color:#000;border:1px solid #83d16c;background:url('<?php echo $path;?>menu.gif') repeat-x;}
  276. .treeView .selected:hover{border-color:#83d16c}
  277.  
  278. /* Image slideshow */
  279. .imageView{background:#E8FFE8;border:1px solid #D0F7CB}
  280.  
  281. /* Context menu */
  282. .contextMenu{background:#FAFAFA url('<?php echo $path;?>cmBg.gif') repeat-y;border:1px solid;border-color:#BBB #999 #999 #BBB;padding:1;width:auto !important;width:1;white-space:nowrap}